mac系统下搭建博客全过程:Hexo+github

创建过程

mac系统下搭建博客全过程:Hexo+github
本文主要是在mac系统下通过终端利用Hexo+GitHub快速搭建一个不需要服务器的个人博客,只需要按照以下步骤来即可,最好不要整花活—-不然可能安装不成功啊

所需工具:
homebrew:homebrew简直就是mac系统下安装软件的神器啊,可以先看一下自己的mac是否有安装homebrew,具体安装以及检查参考这篇:
https://blog.csdn.net/meifengzhu/article/details/113789536
node
Git
npm

过程:
Step1:前期准备
使用homebrew安装node和Git,可以先检查一下系统是否已经安装过,在终端中使用如下命令:
node -v
git -v
npm -v
如果出现版本号则说明已经安装过,此时可以使用如下命令更新一下:
brew update && brew upgrade node && npm install -g npm

如果还未安装过,使用如下命令
brew install node
brew install git
npm install -g npm

注意:如果有问题重新安装的node请参考
https://lhajh.github.io/mac/2018/11/13/Install-node-with-homebrew.html

Step2:安装本地hexo博客程序
在做好前期准备后,需要通过npm安装Hexo的博客程序,命令如下:
npm install -g hexo-cli
这里需要获取管理员权限,所以需要输入开机密码,出现如下则表明安装成功
1

随后建立一个存放博客的的目录,比如我的是:/Users/用户名/blog—–注意用户名替换成你自己的用户名

Step3:建立并初始化本地博客网站
在安装完本地的hexo博客程序之后,先切到前一步存放博客的目录,建站并初始化本地博客,使用如下命令:
cd /Users/用户名/blog
hexo init #hexo初始化
2
出现上图所示则表明初始化已经成功
npm install #安装所需组件
完成以上步骤之后就可以生成本地博客页面以及启动预览了,命令如下 :
hexo g #生成本地博客页面
hexo s #启动本地博客预览
出现以下界面,则表明本地博客搭建成功,只需要打开http://localhost:4000 就可以看到
3

坑:
在hexo init这一步我卡了很久,不知道是不是因为我的网络原因还是因为我重装了很多次其他组件的原因,whatever,我的报错如下:
4

我的解决方法如下:
切到init.js的目录下
cd /usr/local/lib/node_modules/hexo-cli/lib/console
将init.js中的
const GIT_REPO_URL = ‘https://github.com/hexojs/hexo-starter.git';
替换为:
const GIT_REPO_URL = ‘https://github.com.cnpmjs.org/hexojs/hexo-starter.git';

保存之后再切回blog目录下执行hexo init,奇妙的事情发生了,一秒钟就出现了 Start blogging with Hexo!简直不能太开心,具体参考
https://blog.csdn.net/qq_43580193/article/details/117341489?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-1&spm=1001.2101.3001.4242

Step4:将博客部署到GitHub上
首先你得有一个GitHub账号,具体可以参考
https://blog.csdn.net/qq_41782425/article/details/85179912
注册完账号之后创建GitHub仓库,步骤如下:
点击主页的➕,选择New repository
5

随后进入仓库的界面,依照下图填写
6

填写完成之后点击Create repository,仓库就算建好了,后续博客的地址就是https://用户名.github.io

接下来创建ssh密钥,使用如下命令:
ssh-keygen -t rsa -C “GitHub 用户名”
这个中途有一个设置密码的过程,可以设置也可以不设置,设置了的话后续每次部署博客的时候就需要输入这个密码,才能使得博客成功部署。
添加密钥,使用如下命令:
Cd /Users/用户名/.ssh
找到id_rsa.pub并复制文件中的内容到GitHub中,具体操作如下
GitHub主页点击Settings
7

点击SSH and GPG keys—-New SSH key
8

填写完毕之后,点击Add SSH key即可。
9

最后再验证一下有没有连接成功:
输入
ssh -T git@github.com
10

看到You’ve successfully authenticated,终于连接上GitHub了,只剩最后一步了!!!
安装一下hexo-deployer-git,使用以下命令安装:
npm install hexo-deployer-git –save
然后再修改一下配置文件_config.yml(此文件在文章开头所建立的目录之下,例如我的是在/Users/用户名/blog下),使用如下命令:
cd /Users/用户名/blog
vi _config.yml
随后修改_config.yml的deploy部分内容,修改如下:
deploy:
type: git
repository: git@github.com:用户名/用户名.github.io.git
branch: master
修改完成之后,保存退出。
注意:此处的type/repository/branch前面有空格

Step5:生成页面,访问博客
此步骤只需要执行三个命令即可看到自己搭建的博客:
Hexo clean #清除一下之前的缓存之类的
Hexo g #生成页面
Hexo d #部署到GitHub上
到此,搭建已经完成,等部署完毕之后就可以用浏览器访问 https://用户名.github.io 就可以看到由自己亲手搭建的博客啦~~